import React,{ Component } from 'react'
import {Switch, Route} from 'react-router-dom'

import PageA from './components/PageA'
import PageB from './components/PageB'
import PageC from './components/PageC'
import BigPage from './components/BigPage'
import ParamsRouter from './components/ParamsRouter'
import SiderDemo from './page/Index'

class Router extends Component{
  render() {
    return (<div>
      <Switch>
        <Route exact path="/" component={PageA} />
        <Route path="/pageb" component={PageB} />
        <Route path="/pagec" component={PageC} />
        <Route path="/bigpage" component={BigPage} />
        <Route path="/paramsrouter/:id" component={ParamsRouter} />
        <Route path="/index" component={SiderDemo} />
      </Switch>
    </div>)
  }
}
export default Router